<template>
  <div class="index">
    <top-bar/>
    <div class="main">

      <BlueTop/>
      <IndexList/>
      <IndexBanner/>
      <ActiCom/>
      <PuHui/>
      <ChanPin/>
      <ZiXun/>
    </div>
    <BottomBar/>
  </div>
</template>

<script>

  import TopBar from "@/components/TopBar";
  import BlueTop from "@/components/index/BlueTop.vue";
  import IndexList from "@/components/index/IndexList.vue";
  // import IndexBanner from "@/components/index/IndexBanner.vue";
  import IndexBanner from "@/components/index/NewBanner.vue";
  import ActiCom from "@/components/index/ActiCom.vue";
  import PuHui from "@/components/index/PuHui.vue";
  import ChanPin from "@/components/index/ChanPin.vue";
  import ZiXun from "@/components/index/ZiXun.vue";
  export default {
    "components": {TopBar,BlueTop,IndexList,IndexBanner,ActiCom,PuHui,ChanPin,ZiXun}
  }

</script>

<style>
  .index{
    width: 100%;
  }
  .main{
    width: 100%;
  }
</style>